/**
 * 主题配置 - 基于设计规范的颜色和样式配置
 */

export const themeConfig = {
  colors: {
    // 主色调 - 阿里橙色
    primary: '#FF6A00',
    primaryHover: '#FF8C00',
    primaryActive: '#E55A00',
    
    // 功能色
    success: '#52C41A',
    warning: '#FA8C16',
    error: '#FF4D4F',
    info: '#1890FF',
    
    // 中性色
    text: '#262626',
    textSecondary: '#8C8C8C',
    textDisabled: '#BFBFBF',
    background: '#FAFAFA',
    backgroundLight: '#FFFFFF',
    border: '#D9D9D9',
    borderFocus: '#FF6A00',
    
    // 阴影
    shadow: '0 2px 8px rgba(0, 0, 0, 0.1)',
    shadowHover: '0 4px 12px rgba(0, 0, 0, 0.15)',
  },
  
  // 字体配置
  typography: {
    fontFamily: '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif',
    fontSize: {
      h1: '32px',
      h2: '24px',
      h3: '18px',
      body: '14px',
      caption: '12px',
    },
    lineHeight: {
      h1: '40px',
      h2: '32px',
      h3: '24px',
      body: '20px',
      caption: '16px',
    },
    fontWeight: {
      normal: 400,
      medium: 500,
      semibold: 600,
    },
  },
  
  // 间距配置
  spacing: {
    xs: '4px',
    sm: '8px',
    md: '16px',
    lg: '24px',
    xl: '32px',
    xxl: '48px',
  },
  
  // 圆角配置
  borderRadius: {
    small: '4px',
    medium: '8px',
    large: '16px',
  },
  
  // 动画配置
  transitions: {
    duration: '200ms',
    easing: 'ease-in-out',
  },
  
  // 断点配置
  breakpoints: {
    mobile: '768px',
    tablet: '1024px',
    desktop: '1200px',
  },
  
  // 组件样式配置
  components: {
    button: {
      height: '40px',
      borderRadius: '4px',
      fontSize: '14px',
      fontWeight: 500,
    },
    input: {
      height: '40px',
      borderRadius: '4px',
      fontSize: '14px',
    },
    card: {
      borderRadius: '8px',
      padding: '24px',
      boxShadow: '0 2px 8px rgba(0, 0, 0, 0.1)',
    },
    upload: {
      minHeight: '200px',
      borderStyle: 'dashed',
      borderWidth: '2px',
      borderRadius: '8px',
    },
  },
} as const;

export type ThemeConfig = typeof themeConfig;
